<template>
    <div class="div">
        <img class="img" src="https://blb-manage.oss-cn-wuhan-lr.aliyuncs.com/3aa16a38-d1fd-4f7d-83d4-440387783a95.jpg!bg" alt="">
        <div><h1 class="h1">恭喜注册成功！</h1></div>
        <div class="span">
            <span style="color: red;font-size: 15px;">请记住以下账号及密码!!!</span>
        </div>
        <div class="IdPd">
            <span>您的账号为:{{ $route.query.studentId }}</span>
            <span>您的密码为:123456</span>
        </div>
    </div>
</template>

<script setup>


</script>

<style lang="scss" scoped>
.div{
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: -300px;
    flex-direction: column;
}

.h1{
    margin-left: 22px;
    margin-top: 15px;
    font-size: x-large;
}

.span{
    margin-left: 17px;
    margin-top: 15px;
}

.img{
    width: 200px;
    height: 200px;
}

.IdPd{
    margin-left: 17px;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.IdPd{
    span{
    font-size: 15px;
    margin: 2px;
    color: darkgray;
}
}
</style>